import React, { Component, Suspense } from 'react';
// import { connect } from 'dva';
import { Layout, Menu, Breadcrumb, Carousel, Row, Col, Icon, List, Typography } from 'antd';
// import Ellipsis from 'ant-design-pro/lib/Ellipsis';
// import 'ant-design-pro/dist/ant-design-pro.css';
import { JIANTOU2 } from '../../constants'
import styles from './index.less';

class KnowMore2 extends Component {
  state = {
  };

  componentDidMount() {
  }

  componentWillUnmount() {
  }

  render() {
    const { title, date } = this.props;
    return (
      <div>
        <div className={styles.knowMore}>
          <Row>
            <Col span={22}>
              <Row>
                <Col span={24} style={{color: '#333333', fontSize: 14}}>
                  {/*<Ellipsis tooltip lines={1}>{title}</Ellipsis>*/}
                  {title.length > 24 ? title.substr(0, 24) + '...' : title}
                  {/*{title.substr(0, 24) + '...'}*/}
                </Col>
              </Row>
              <Row>
                <Col span={24} style={{color: '#BFBFBF', fontSize: 12}}>{date}</Col>
              </Row>
            </Col>
            <Col span={2}>
              <img src={JIANTOU2} style={{width: 10, height: 10, display: 'inline-block', float: 'right', marginTop: 15}} />
            </Col>
          </Row>
          {/*<span style={{fontSize: 12, color: '#999999', float: 'right', marginRight: 5}}>了解更多</span>*/}
        </div>
      </div>
    );
  }
}

export default KnowMore2;
